<template>
  <div class="bannerAdv">
    <div class="bannderAdvImg">
        
        <img :src="componentContent.detail.list[0].image" />
    </div>
  </div>
</template>


<script>
export default {
  name: "bannerAdv",
  props: {
    componentContent: {
      type: Object
    }
  },
  data() {
    return {};
  },
  created(){
    console.log(this.componentContent,'bannerAdv')
  },
  
};
</script>


<style lang="scss" scoped>
.bannerAdv {
  width: 100%;
  height: 140px;
  padding: 10px;
  .bannderAdvImg {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    overflow: hidden;
    img {
      width: 100%;
      height: 100%;
    }
  }
}
</style>